<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/jxsdmarket/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="/jxsdmarket/js/personalMessage.js"></script>
<script type="text/javascript" src="/jxsdmarket/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="/jxsdmarket/js/addTag.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.fancybox').fancybox();
		});
</script>

<script type="text/javascript">
$(window).load(function(){  

$(".item_pic").each(function(){
   	 var width=$(this).width();
	 var height=$(this).height();
	 width=width*0.8;
	 height=height*0.8;
	 $(".item_pic").css("width",width);
	 $(".item_pic").css("height",height);
	});

 })
</script>



<link type="text/css" rel="stylesheet" href="/jxsdmarket/css/personalspaceOK.css" />
<link type="text/css" rel="stylesheet" href="/jxsdmarket/css/jquery.fancybox.css" />
<link type="text/css" rel="stylesheet" href="/jxsdmarket/css/tag.css" />
<title>个人空间</title>
</head>

<body>
	<div id="container">
		<div id="navi_container">
		
			<!--这里是navigation的顶部栏-->
			<div id="navi_top">
				<div class="navi_left">南昌站</div>
				<div class="navi_left">网页版</div>
				
				<div class="navi_right">推广使用</div>
				<div class="message">
					<a href="#" >消息<span class="messageNumber">&nbsp;2</span></a>
				</div>
				<div class="messageList">
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="../img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
				</div>
				<div class="navi_right"><a href="#">郭Evan</a></div>
			</div>
			<!--这里是navigation的顶部栏-->
			

			<!--这里是navigation导航栏-->
			<div id="navigation">
				<div class="navigator_space_left"></div>
				<a href="#"><div id="nvg1" class="navigator">首页</div></a>
				<a href="#"><div id="nvg2" class="navigator">书籍</div></a>
				<a href="#"><div id="nvg3" class="navigator">电子数码</div></a>
				<a href="#"><div id="nvg4"class="navigator">运动装备</div></a>
				<a href="#"><div id="nvg5" class="navigator">游戏交易</div></a>
				<a href="#"><div id="nvg6" class="navigator">兼职招聘</div></a>
				<a href="#"><div id="nvg7" class="navigator">乐器</div></a>
			</div>
			<!--这里是navigation导航栏-->

			
		</div>
		<div style=" clear:left;height:70px; width:100%"></div>
		<!--顶部类目导航-->
		<div id="content_container">
		
		<!--内容上段-->
			<div id="personal_detail_outter">
				<div id="personal_detail">
					<div id="personal_portrait">
						<a href="#">
							<img src="../img/atm.jpg" width="160" height="160" />
						</a>
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">69</div>
							<div style="text-align:center; color:#FFFFFF">发布</div>
						</div>
						
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">69</div>
							<div style="text-align:center; color:#FFFFFF">收藏</div>
						</div>
						
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">9969</div>
							<div style="text-align:center; color:#FFFFFF">人气</div>
						</div>
					</div>
					
					<!--右侧的个人信息栏-->
					<div id="personal_infor">
						<div id="nick_name">郭Evan</div>
						<div id="discribe">一句话介绍自己</div>
						<div id="tag" style="background-color: transparent;">
							<span style=" border-right:1px solid #fff; width:20px; padding-left:10px;padding-right:10px;">江西师范大学</span>
							<span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">南昌</span>
							<span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">XXXX</span>
							<span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">兴趣标签</span>
						</div>
					</div>
					<!--右侧的个人信息栏-->
					
					
				</div>
			</div>
		<!--内容上段-->
			
			
		<!--中间tab-->
		<div id="tab">
			<!--tab_head_left-->
			<div id="tab_left">
				<div class="item_navi">
					<a href="#"><div class="item_head" style="margin-left:25px;" id="tab1">我的关注</div></a>
					<a href="#"><div class="item_head" id="tab2">我的资料</div></a>
					<a href="#"><div class="item_head" id="tab3">Tab3</div></a>
				</div>
			</div>
			<!--tab_head_left-->



			<div id="tab_content1">
				
					<!--这里开始是单条记录内容-->
					<div class="item_space">
						<div class="item_logo" style="float:left"></div>
							<span class="item_detail">
								<a href="#">我衣服是棒球衣服，鞋子我想买帆布鞋。求帮忙。</a>
							</span>
								<span class="time">一天前</span>
								<span class="reply">5条回复</span>
								<div>
									<a class="fancybox" href="../img/bar_item1.jpg" data-fancybox-group="gallery" title="点击查看大图">
										<img src="../img/bar_item1.jpg" class="item_pic" />
									</a>
								</div>
					</div>
					<!--这里开始是单条记录内容-->
					
					<!--这里开始是单条记录内容-->
					<div class="item_space">
						<div class="item_logo" style="float:left"></div>
							<span class="item_detail">
								<a href="#">我衣服是棒球衣服，鞋子我想买帆布鞋。求帮忙。</a>
							</span>
							<span class="time">一天前</span>
							<span class="reply">5条回复</span>
							<div></div>
					</div>
					<!--这里开始是单条记录内容-->
	
					<!--这里开始是单条记录内容-->
					<div class="item_space">
						<div class="item_logo" style="float:left"></div>
							<span class="item_detail">
								<a href="#">
									小林博客:只是基本的T+短只是基林博客。只是基本的T+短只是基林博客。只是基本的T+短只是基林博客。只是基本的T是基本的T+短只是基本的T+短裤
								</a>
							</span>
							<span class="time">一天前</span>
							<span class="reply">5条回复</span>
							<div>
								<a class="fancybox" href="../img/bar_item2.jpg" data-fancybox-group="gallery" title="林小妹的靓照">
									<img src="../img/bar_item2.jpg" class="item_pic" />
								</a>
							</div>
					</div>
					<!--这里开始是单条记录内容-->
						
						<!--这里开始是单条记录内容-->
						<div class="item_space">
							<div class="item_logo" style="float:left"></div>
								<span class="item_detail">
									<a href="#">
										今年最流行的荧光嫩绿 再加上今年热门的棋盘格 各种大牌走秀都有它的身影 让你在这个夏天清爽时尚
									</a>
								</span>
								<span class="time">一天前</span>
								<span class="reply">5条回复</span>
								<div>
									<a class="fancybox" href="../img/bar_item3.jpg" data-fancybox-group="gallery" title="点击查看大图">
										<img src="../img/bar_item3.jpg" class="item_pic" />
									</a>
								</div>
						</div>
						<!--这里开始是单条记录内容-->	
	
						<!--这里开始是单条记录内容-->
						<div class="item_space">
							<div class="item_logo" style="float:left"></div>
								<span class="item_detail">
									<a href="#">
										今年最流行的荧光嫩绿 再加上今年热门的棋盘格 各种大牌走秀都有它的身影 让你在这个夏天清爽时尚
									</a>
								</span>
								<span class="time">一天前</span>
								<span class="reply">5条回复</span>
								<div>
									<a class="fancybox" href="../img/bar_item6.jpg" data-fancybox-group="gallery" title="点击查看大图">
										<img src="../img/bar_item6.jpg" class="item_pic" />
									</a>
								</div>
						</div>
						<!--这里开始是单条记录内容-->		
						
						<!-- 分页 -->
						<div style="clear:left; margin-left:0px; height:30px; width:78%;">
							<div class="page">
								<span class="page_inner">1</span>
								<span class="page_inner">2</span>
								<span class="page_inner">3</span>
								<span class="page_inner">共100页</span>
							</div>
					    </div>	
						<!-- 分页 -->
	
			</div>

				<div id="tab_content2">
				<div id="inforBlock">
						<div id="infor_label">我的资料
							<span style="float:right; padding-right:15px;">
								<label id="editor" style="cursor:pointer">编辑</label>
								<label id="save" style="cursor:pointer; display:none" >保存</label>
							</span>
						</div>			
							<form action="#" method="post" id="personInfor">
							<p>
								<label id="infor_pre">昵称:</label>
								<div id="infor_post">
									<input type="text" id="nickName" value="郭Evan" disabled="disabled" class="decoration_label" />
								</div>
							</p>
							
							<br />
							<br />
							<p>
								<label id="infor_pre">QQ:</label>
								<div id="infor_post">
									<input type="text" id="QQ" value="1341212325" disabled="false" class="decoration_label" />
								</div>
							</p>
							<br />
							<br />
							<p>
								<label id="infor_pre">邮箱:</label>
								<div id="infor_post">
								<input type="text" id="mail" value="EvanKwok415@gmail.com" disabled="false" class="decoration_label" />
								</div>
							</p>
							<br />
							<br />
							<p>
								<label id="infor_pre">手机号码:</label>
								<div id="infor_post">
								<input type="text" id="cellphone" value="18770091773" disabled="false" class="decoration_label" />
								</div>
							</p>
							<br />
							<br />
							<p>
								<label id="infor_pre">个性签名:</label>
								<div id="infor_post">
								<input type="text" id="signature" value="郭Evan是来自火星的阿童木！" disabled="false" style="width:350px;" class="decoration_label" />
								</div>
							</p>
							<br />
							<br />
							<p>
								<label id="infor_pre">我的大学:</label>
								<div id="infor_post">
								<input type="text" id="university" value="江西师范大学" disabled="false" class="decoration_label" />
								</div>
							</p>
							
							<br />
							<br />
							<p>
								<label id="infor_pre" >我的头像:</label>
								<div class="upload">
									<input type="file" id="myPortrait" style="margin-left:30px;" />
								</div>
							</p>
							</form>
							
							<br />
							<p style="border-bottom: 1px solid #CCC;"></p>
							<p>
								<label id="infor_pre" >我的标签:</label>
							</p>
							
							<div style="border:1px solid #ccc; height:80px; width:360px;margin-top:10px;margin-left:110px;" id="all">
								<ul id="tags">
									
								</ul>
								<span style="float:right; padding-right:15px;">
									<label id="editorTag" style="cursor:pointer">编辑</label>
									<label id="saveTag" style="cursor:pointer; display:none" >保存</label>
								</span>
							</div>
							
	 						<div style="width:450px;margin-left:80px;margin-bottom:50px;">
								<div class="atr" id="label1" disabled="disabled" ><img src="../img/addTag.png" />java</div>
								<div class="atr" id="label2" disabled="disabled"><img src="../img/addTag.png" />文学</div>
								<div class="atr" id="label3" disabled="disabled"><img src="../img/addTag.png" />财经</div>
								<div class="atr" id="label4" disabled="disabled"><img src="../img/addTag.png" />帆布鞋</div>
								<div class="atr" id="label5" disabled="disabled"><img src="../img/addTag.png" />短裙</div>
								<div class="atr" id="label6" disabled="disabled"><img src="../img/addTag.png" />篮球</div>
								<div class="atr" id="label7" disabled="disabled"><img src="../img/addTag.png" />C++</div>
								<div class="atr" id="label8" disabled="disabled"><img src="../img/addTag.png" />军事</div>
								<div class="atr" id="label9" disabled="disabled"><img src="../img/addTag.png" />计算机网络</div>
								<div class="atr" id="label10" disabled="disabled"><img src="../img/addTag.png" />LOL</div>
								<div class="atr" id="label11" disabled="disabled"><img src="../img/addTag.png" />android</div>
								<div class="atr" id="label12" disabled="disabled"><img src="../img/addTag.png" />滑板鞋</div>
								<div class="atr" id="label13" disabled="disabled"><img src="../img/addTag.png" />CF</div>
								<div class="atr" id="label14" disabled="disabled"><img src="../img/addTag.png" />window phone</div>
								<div class="atr" id="label15" disabled="disabled"><img src="../img/addTag.png" />Ipad</div>
							</div>
							
					</div>
			</div>
			
			
			<div id="tab_content3">3</div>
			
			<!--tab_right-->
			<div id="tab_right"></div>
			<!--tab_right-->
			
		
		
		<!--中间tab-->
			
			
		</div>
		

		</div>
		<div style="clear:left; height:30px; width:100%; background-color:#6EB205"></div>
</div>
</body>
</html>
